.budgetPanel {
  padding: $content-box-padding;
  background: linear-gradient(transparent 0%, transparent 70%, #fff 70%, #fff 100%);
}

.layer {
  @extend %with-shadow;
  padding: $content-box-padding;
  border-radius: $box-radius;
  background-color: #fff;
}

.topBar {
  display: flex;
  justify-content: space-between;
}

.bookName {
  font-weight: bold;
  font-size: 22px;
}

.date {
  text-align: right;
}

.year {
  font-size: 16px;
}

.month {
  font-weight: bold;
  font-size: 22px;
}

.moneyTitle {
  color: $font-gray;
  font-size: 16px;
}

.moneyBar {
  color: $main-red;
}

.currency {
  margin-right: 5px;
  font-size: 18px;
  font-weight: bold;
}

.money {
  font-size: 32px;
  font-weight: bold;
}

.eye {
  width: 26px;
  height: 26px;
  padding: 6px;
  margin-left: 10px;
  vertical-align: bottom;
}
